#top_video{width: 100%; overflow: hidden; position: relative;}

.video-zz{ position: absolute; z-index: 2; width: 100%; height: 100%; background:#000; opacity: 0.5;  }
.top_video_in{ display: block; text-align: center; z-index: 10;}
.top_video_in .top_video_title{ color: #fff; font-weight: normal; position: relative; display: inline;}
.top_video_in .top_video_title2{ color: #fff; position: absolute; left: 0; top:-23px;}
.top_video_in  p{  color: #fff; }
.top_video_gundong{ position: relative; top: 20px; border: solid 3px #fff;width: 26px; height: 40px; border-radius: 20px ; display: inline-block;}
.top_video_gundong div{ width: 5px; height: 5px; background: #fff; border-radius: 5px; position: absolute;left: 10px; }
.top_video_gundong .gdong1{  top: 35px;-webkit-animation:  trackBallSlide  5s ease-out infinite;  animation:  trackBallSlide  5s ease-out infinite; }
.top_video_gundong .gdong2{  top: 45px;-webkit-animation:  trackBallSlide  5s ease-out infinite;  animation:  trackBallSlide  5s ease-out infinite; }
.top_video_gundong .gdong3{  top: 15px;}
.top_video_gundong .gdong4{  top: 25px; }
#top_video .pagination_out{width: 100%; position:absolute; bottom: 0; left: 0; z-index: 100; background: url(../images/b_80.png); text-align: center; padding: 10px 0;}
#top_video .pagination_out span{ width: 50px; height: 8px; border-radius: 0;  background: #fff; margin: 0 5px;}
#top_video .pagination_out span.swiper-pagination-bullet-active{ background:#ff8400;}

@media screen and (min-width:1024px) and (max-width:20000px){
	
	.top_video_in{max-width: 1200px; margin: 0 auto;width: 100%;padding-top: 20%; }
	.top_video_in .top_video_title{font-size: 70px;}
	.top_video_in .top_video_title2{font-size:18px; }
	.top_video_in  p{ font-size: 24px;line-height: 42px;}

}


@media screen and (min-width:0px) and (max-width:1023px){
		
	.top_video_in{width:90%;  margin: 0 5%;padding-top: 26%;}
	.top_video_in .top_video_title{font-size:36px;}
	.top_video_in .top_video_title2{font-size:18px; }
	.top_video_in  p{ font-size: 16px;line-height: 28px;}
}

@media screen and (min-width:769px) and (max-width:20000px){
	.top_video_in{position: relative; }
	.move_img{display: none;}
	.top_video_bac{width: 100%; height: 100%; position:absolute; top: 0; left: 0; z-index: 1;}
.top_video_bac video{min-width: 100%;min-height: 100%; position: relative;z-index: 1;}	
	
}

@media screen and (min-width:1px) and (max-width:768px){
	.top_video_in{position:absolute; top: 0; left: 0; }
.top_video_bac{display: none;}
#top_video,#top_video .swiper-container{ height: auto!important;}
	.move_img	{position: relative; z-index: 1;}
}

#per27 .top_video_in{width:90%;  margin: 0 5%;padding-top: 26%;}
#per27	.top_video_in .top_video_title{font-size:36px;}
#per27	.top_video_in .top_video_title2{font-size:18px; }
#per27	.top_video_in  p{ font-size: 16px;line-height: 28px;}

#per27 .top_video_in{position:absolute; top: 0; left: 0; }
#per27  .top_video_bac{display: none;}
#per27  #top_video,#per27 #top_video .swiper-container{ height: auto!important;}
#per27 	.move_img	{position: relative; z-index: 1; display: block;}



#text_video{width: 100%; overflow: hidden; position: relative; background: #fff; z-index: 10;padding: 30px 0;}
.text_video_title{width: 100%; max-width: 1200px; text-align: center; margin: 0 auto; display: block;}
.top_text_t{font-size: 14px; color: #868686; margin: 15px 0;}
.text_video_ts{font-size: 30px; color: #333; display: block; width: 100%; font-weight: bold; margin: 15px 0;}
.text_video_ts font{color:#ff8400; margin-right: 10px;}
.text_video_title p{font-size: 14px; color: #666; line-height: 36px;}
.bottom_video{width: 100%; text-align:center;padding: 30px 0; position: relative;}
.bottom_video #vedio_link{display:inline-block; width: auto; height: auto;position: relative; z-index: 2; cursor: pointer;}
.bottom_video img{position: relative; z-index: 3;}
.text_video_ba_img{width: 100%; height: 293px; background: url("../images/vedio_bac.jpg"); position: absolute; left: 0;  z-index: 1;}

.text_bn div font{font-size: 30px; color: #fff; display: inline-block;}
.text_bn div  p{font-size: 14px;color: #fff;}

.xianxs{display: inline-block; width: 88px; height: 5px; background: #ff8400;}
.text_video_title:hover .xianxs{width: 188px;}

@media screen and (min-width:1143px) and (max-width:20000px){
	
.text_bn div.left_text_bn1,.text_bn div.left_text_bn2{left:-200px;}
.text_bn div.right_text_bn1,.text_bn div.right_text_bn2{right:-200px;}
.text_bn div.left_text_bn1,.text_bn div.right_text_bn1{ top: 70px;}
.text_bn div.left_text_bn2,.text_bn div.right_text_bn2{ top: 200px;}
	.text_bn div{position: absolute; z-index: 2;}
	.text_video_ba_img{top: 60px;}
}
@media screen and (min-width:1px) and (max-width:1142px){
.text_bn div{position:relative; z-index: 2; float: left; width: 50%;}	
	.text_video_ba_img{top: 0px;}
	.bottom_video img{max-width: 80%; margin: 10px 10% 0 10%; }
}


#per27  .text_bn div{position:relative; z-index: 2; float: left; width: 50%; top: 0; left: 0;}	
#per27 	.text_video_ba_img{top: 0px;}
#per27 	.bottom_video img{max-width: 100%; margin: 10px 0 0; }

#per27 .list_nav_ts,#per27 .text_video_ts{ font-size: 16px; margin: 15px 0 0 0;}
#per27 .list_nav_title{text-align: left;    line-height: 9px;}
#per27 .xianxs{height: 1px;width: 100%;}
#per27  .list_nav_title p{margin: 0; line-height:18px; margin: 10px 0 0;}
#per27  .case_title_lists{text-align:left; padding: 0; margin: 10px 0 10px 0; background: #FAFAFA;}

#per27 .text_video_title{text-align:left; width: 90%; padding: 0 5%;}



#per27  .case_loop .case_pic{width: 25%; float:left;    margin-left: 1%;}
#per27  .case_loop .case_text{width: 70%; float: right; text-align: left;}
#per27  .case_loop .posts_title{text-align: left; margin-top: 0;}
#per27  .case_loop .case_pic figcaption{display: none;}
#per27 .black_price_out{ text-align: left;}
#per27 .vedio_url{display: none;}

#per27 #list_nav ul li{width:49%;margin:0  1% 15px 0;}
#per27 #list_nav ul li .text_list_nav span.text_list_nav_title{font-size: 16px;}
#per27  #list_nav ul li:hover .text_list_nav{top:5%;}
#list_nav,#icon_images{width: 100%; overflow: hidden; position: relative; background: #fff; z-index: 10;padding: 30px 0;}
.list_nav_title{width: 100%; max-width: 1200px; text-align: center; margin: 0 auto; display: block;}

.list_nav_ts{font-size: 30px; color: #333; display: block; width: 100%; font-weight: bold; margin: 15px 0;}
.list_nav_ts font{color:#ff8400; margin-right: 10px;}
.list_nav_title p{font-size: 14px; color: #666; line-height: 36px;}
#list_nav ul{ display: block;  height: auto; margin: 0 auto; overflow: hidden;}
#list_nav ul li{display: block; float: left;  height: auto; overflow: hidden; position: relative; }
#list_nav ul li img{ position: relative; z-index: 1;}
#list_nav ul li  a{display: block; font-size: 0;}
#list_nav ul li .zhezhao2{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; z-index: 2;}
#list_nav ul li .text_list_nav{ width: 90%; padding:0 5%; position: absolute; left: 0; top: 30%; z-index: 3; text-align: center;}
#list_nav ul li .text_list_nav span{ color: #fff; font-size: 14px; width: 100%;display: block;font-weight: bold;}

#list_nav ul li:hover .zhezhao2{ opacity: 0.8;}
#list_nav ul li:hover .text_list_nav{top:20%;}
#list_nav ul li:hover .text_list_nav p{opacity: 1;}
#list_nav ul li:hover {box-shadow: 0 0 5px #333;}
#list_nav ul li:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

@media screen and (min-width:1025px) and (max-width:20000px){
	#list_nav ul{max-width: 1200px; width: 101%;}
	#list_nav ul li .text_list_nav span.text_list_nav_title{font-size: 30px; }
#list_nav ul li .text_list_nav p{color: #fff; font-size: 14px; opacity: 0;}
	
}

@media screen and (min-width:1px) and (max-width:1024px){
	#list_nav ul{ width: 91%; padding:0 5%}
	#list_nav ul li .text_list_nav span.text_list_nav_title{font-size: 18px; }
#list_nav ul li .text_list_nav p{color: #fff; font-size: 12px; opacity: 0;}
}

@media screen and (min-width:768px) and (max-width:2000000px){
	#list_nav ul li{width:24%;margin:0  1% 15px 0;}
	
}
@media screen and (min-width:1px) and (max-width:767px){
	#list_nav ul li{width:49%;margin:0  1% 15px 0;}
	
}


#icon_images{text-align: center;}
.list_nav_title:hover .xianxs{width: 188px;}
.icons_list{width: 100%; text-align: center; overflow: hidden; padding: 40px 0 20px 0;}

#icon_images .swiper-slide{min-height: 300px;}
#icon_images .swiper-slide a{display: block; overflow: hidden; width: 100%; height: 100%; min-height: 280px;}
#icon_images .swiper-pagination{display: inline-block;height: auto; padding: 20px 0; text-align: center; position: relative;}
#icon_images .swiper-pagination span{display: inline-block; margin: 0 3px; border-radius:0; width: 25px; height: 8px;  }
#icon_images .swiper-pagination span.swiper-pagination-bullet-active{background:#ff8400;}


@media screen and (min-width:768px) and (max-width:2000000px){
.icons_list a{display: inline-block; margin: 0 15px; cursor: pointer;}
.icons_list a span{ display: block; width: 100%; font-size: 14px; color: #666;}
.icons_list a img{opacity: 0.6; width: 52px; max-width: 60px; height: auto;}
.icons_list a.active img{opacity: 1;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.icons_list a.active span{color:#ff8400; font-weight: bold;}	
}
@media screen and (min-width:1px) and (max-width:767px){
.icons_list a{display: inline-block; margin: 0 5px 10px 5px;  overflow: hidden;}
.icons_list a span{ display: block; font-size: 14px; color: #fff; background:#666; padding: 5px 8px;}
.icons_list a img{display: none;}
.icons_list a.active span{color:#fff; background: #ff8400; }	
}

#per27 .icons_list a{display: inline-block; margin: 0 5px 10px 5px;  overflow: hidden;}
#per27 .icons_list a span{ display: block; width: auto;font-size: 14px; color: #fff; background:#666; padding: 5px 8px;}
#per27 .icons_list a img{display: none;}
#per27 .icons_list a.active span{color:#fff; background: #ff8400; }
#per27 .index_boxs  { padding:20px 0 10px 0;}

#case_index_show{ width:100%; height:auto;overflow:hidden; padding:20px 0 30px 0; position:relative;z-index: 10; background: #fff;}
.case_index_show_in{ margin:0 auto;}
.case_title_lists{width: 100%; text-align: center; overflow: hidden; padding: 10px 0 10px 0;}
.case_title_lists a{display:inline-block; padding: 5px 20px; font-size: 14px; color: #333;cursor: pointer;}
.case_title_lists a.active{ background:#ff8400; color: #fff; }

.vedio_btn{position: absolute; top: 20px; opacity: 0; left: 0; width: 100%; height: 100%; background: url("../images/b_80.png"); text-align: center; z-index: 1;cursor: pointer;}
.vedio_btn .icon{ width: 81px; height: 86px;  background: url(../images/video.png); margin-top: 105%; display: inline-block; opacity: 0; }
.case_loop li:hover .vedio_btn{top:0; opacity: 1;}
.case_loop li:hover .vedio_btn .icon{margin-top: 35%; opacity: 1;}
.vedio_url{ display:inline-block; padding: 5px 15px; border: solid 1px #ff8400; color: #ff8400; font-size: 12px; margin: 10px 0;}
 .vedio_url:hover{color: #fff; background:#ff8400;}

.case_loop{ width:103%; display:block; overflow:hidden;}
.case_index_show_in .comments_p{ display: none;}
#per27 .case_loop li{ width:100%; margin:5px 0 8px 0;}
@media screen and (min-width:650px) and (max-width:200000px){
.case_loop li{ width:30%; margin:10px 3% 15px 0; }
.case_loop.loop_list4 li{ width:22%; margin:10px 3% 10px 0;}
	
	}
@media screen and (min-width:1px) and (max-width:649px){
.case_loop li{ width:47%; margin:10px 3% 15px 0; }

	
	}	
@media screen and (min-width:1025px) and (max-width:2000000px){
	
	#case_index_show	.pagination_out{display: none;}
}	
@media screen and (min-width:1px) and (max-width:1024px){
	
#case_index_show .pagination_out{width: 100%;  z-index: 100; text-align: center; padding: 10px 0; position: relative;}
#case_index_show .pagination_out span{ width: 15px; height: 5px; border-radius: 0;  background: #666; margin: 0 5px;}
#case_index_show .pagination_out span.swiper-pagination-bullet-active{ background:#ff8400;}
}		
@media screen and (min-width:1024px) and (max-width:200000px){
.case_loop.loop_list5 li{ width:17%; margin:10px 3% 10px 0;}
.case_loop.loop_list6 li{ width:13.6%; margin:10px 3% 10px 0;}
.case_loop.loop_list7 li{ width:11.2%; margin:10px 3% 10px 0;}
.case_loop.loop_list8 li{ width:9.5%; margin:10px 3% 10px 0;}	
	}
	
@media screen and (min-width:768px) and (max-width:1023px){

.case_loop.loop_list5 li,.case_loop.loop_list6 li,.case_loop.loop_list7 li,.case_loop.loop_list8 li{ width:22%; margin:10px 3% 10px 0;}
	
	}	
@media screen and (min-width:650px) and (max-width:767px){

.case_loop.loop_list5 li,.case_loop.loop_list6 li,.case_loop.loop_list7 li,.case_loop.loop_list8 li{width:30%; margin:10px 3% 15px 0;}
	
	}		

.case_loop li{  display:block; float:left;}



.case_loop  .product_pic{ font-size:0;}

.case_loop  .product_pic .thumbnails{position:absolute; left:0; bottom:-300px; background:url("../images/w_80.png"); }
.case_loop  .product_pic .thumbnails a img{width:90%; height: auto;}
.case_loop  .product_pic .thumbnails{width:90%; padding:5px 5%;}

.case_loop  .product_pic .thumbnails .thumbnail_prve,.case_loop  .product_pic .thumbnails  .thumbnail_next {background-image: url("../images/css.png");background-repeat: no-repeat;cursor: pointer;height:100%; position: absolute;width: 5% !important; background-color: #F6F6F6; top:0;}



.case_loop  .product_pic .thumbnails .thumbnail_prve{ right:0;background-position:3px -709px;}
.case_loop  .product_pic .thumbnails .thumbnail_next { left:0;background-position:3px -658px;}

#per27 .case_loop  .product_pic .onsale{position: relative; width: 100%; padding: 8px 0; text-align: center; top: 0; left: 0; display: block;}
.case_loop  .product_pic,.case_loop  .product_bottom{ display:block; width:100%; position:relative; overflow:hidden; text-align:center;}
.case_loop  .product_pic .onsale{ position:absolute; left:5px; top:10px; padding:5px; color:#fff; background:#ba9f74; z-index:2; line-height:normal;border-radius:0; min-height:inherit; font-weight:normal }
.case_loop  .posts_title{ margin:5px 0; display:block; text-align: center; height: 35px; overflow: hidden;}
.case_loop  .posts_title a{ font-size:16px; color:#333; font-weight:normal;}
.case_loop  .product_bottom .woocommerce-review-link{ display:none;}
.case_loop  .product_bottom .woocommerce-product-rating{ display:inline-block; margin-bottom:8px;}
.case_loop  .product_bottom .star-rating{ color:#f56600; font-size:14px;}
.case_loop  .product_bottom  .black_price_out span{ font-size:16px; }


.case_loop .case_pic{ font-size:0; width:100%; position:relative; overflow:hidden; height:auto;}
.case_loop .case_pic  figcaption{ font-size: 12px; position: absolute; bottom: -100px; left: 0;  text-align: center; width: 96%; padding: 10px 2%; color: #fff; opacity: 0; text-align: left; z-index: 10; display: block;}
.case_loop .case_pic  figcaption span{position: relative; z-index: 10;}
.case_loop .case_pic  figcaption::after{ content: ""; display: block;width: 100%; height: 100%; background: #000; opacity: 0.5; top: 0; left: 0; z-index: 1;position: absolute;}

.case_loop li:hover .case_pic  figcaption{ opacity: 1; bottom: 0;}
.case_loop li:hover .case_pic img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.case_loop li:hover{box-shadow: 0 0 5px #ccc;}

.case_text{ text-align:center;}
.case_text .posts_title{ margin: 0; width: 96%; padding: 0 2%; height: 41px; margin-top: 10px; line-height: 18px; display:block; overflow: hidden;}
.case_text .posts_title a{ font-size:14px; color:#333; }


#news_index_show{width: 100%;height: auto;overflow: hidden;padding: 20px 0 30px 0;position: relative;z-index: 10;background: #fff;}
#news_index_show .news_index_show_in{width: 90%;padding: 0 5%;max-width: 1226px; margin: 0 auto; position: relative;}

.top_news .top_news_text{ background: #f9f9f9; width: 90%; padding: 10px; display: inline-block; position: relative;z-index: 2; top: -50px;}
.top_news  .top_news_pic{width: 100%; display: block;text-align: center; z-index: 1;}
	.top_news_left{float: left; width: 20%; padding:0 5%; height: 100px;}
.top_news_left time{display: block; width: 100%; height: 100px;}
.top_news_left time span:first-child{ display: block; width: 100%; font-size: 48px; color: #E80105; border-bottom: 1px solid #E80105;}
.top_news_left time span:last-child{display: block;width: 100%; font-size: 16px; color: #E80105; margin: 10px 0; }
.top_text_right{text-align: left;}
.top_text_right .posts_title{font-size: 14px; color: #333; }
.top_text_right p{font-size: 12px; color: #666; margin: 10px 0;}


.news_list_index .posts_title{ float:left; overflow: hidden;}
.news_list_index li .posts_title{ display: inline-block; width: auto; }
.news_list_index li {padding: 10px 0; border-bottom: double 1px #f3f3f3;}
.news_list_index .posts_title a{font-size: 16px; color: #333; }
.news_list_index  time{ font-size: 12px; color: #666; line-height: 26px;}


.news_title_lists a{display:inline-block;   color:#333; background:#f3f3f3; cursor: pointer;}
.news_title_lists a.active{color: #fff; background: #ff8400;}

@media screen and (min-width:1024px) and (max-width:2000000px){
	.news_title_lists a{margin-right: 5px; padding: 8px 15px; font-size: 14px;}
.news_title_lists{position: absolute; right: 0; top:0; width:45%; z-index: 10;}
.top_news{float: left; overflow:hidden; text-align: center; width: 50%; margin-right: 5%; position: relative;}
	.news_list_index{float: right; overflow: hidden; display: block; width: 45%;}
	.news_list_index{ margin-top:60px;}
}
@media screen and (min-width:1px) and (max-width:1023px){
		.news_title_lists a{margin-right:2px; padding: 5px 8px; font-size: 12px;}
	.news_title_lists{position: relative; width: 100%; margin-bottom: 20px; overflow: hidden; text-align:center;}
	.top_news{float: left; overflow:hidden; text-align: center; width: 100%;  position: relative;}
	.news_list_index{float: left; overflow: hidden; display: block; width: 100%;  position: relative; top: -20px;}
	.news_list_index li { overflow: hidden;display: block;}
}
@media screen and (min-width:768px) and (max-width:2000px){
	.news_list_index  time{ float: right;	}
}
@media screen and (min-width:1px) and (max-width:767px){
	.news_list_index  time{ float: left;	}
}


#per27 	.news_title_lists a{margin-right:2px; padding: 5px 8px; font-size: 12px;}
#per27 		.news_title_lists{position: relative; width: 100%; margin: 20px 0; overflow: hidden; text-align:left;}
#per27 		.top_news{float: left; overflow:hidden; text-align: center; width: 100%;  position: relative;}
#per27 		.news_list_index{float: left; overflow: hidden; display: block; width: 100%;  position: relative;  margin-top: 10px;}
#per27 		.news_list_index li { overflow: hidden;display: block;}
#per27 .top_news_left time,#per27 .top_news_left{height: auto;}
#per27 .top_news .top_news_text{top:0;}
#per27 .top_news_left time span:first-child{font-size: 18px;}
#per27 .top_news_left time span:last-child{font-size: 10px;}

#per27 .contact_index_show_in,#per27  .form_contact_in{width: 100%; padding: 0; margin: 0;}
#per27 .form_contact_in .form_contact_left{float: left; width: 100%;}
#per27 .form_contact_in .form_contact_right{display: none;}	
#per27 .form_contact_left_head span:first-child,#per27 .form_contact_left_head span:last-child,#per27 .tel_contacts span.tel_span,#per27 .tel_contacts span.p_span{font-size: 16px;}
#per27 .form_contact_left #commentform-park .lables{width: 95%;}
#per27 .form_contact_left_head::before,#per27 .form_contact_left_head::after{display: none;}
#per27  .tel_contacts,#per27 .form_contact_left_head{width: 90%;margin:20px 5% 0 5%;}
#per27 .tel_contacts i{display: none;}
#per27  .form_contact_left #commentform-park{width: 98%; padding: 0 1%; margin: 0;}
#per27 .contact_index_show_in  .list_nav_title{width: 90%; padding: 0 5%;}
@media screen and (min-width:1024px) and (max-width:2000px){
	
.form_contact_in .form_contact_left{float: left; width: 50%;}
.form_contact_in .form_contact_right{float: right; width: 50%; text-align: right;}	
	
}
@media screen and (min-width:1px) and (max-width:1023px){
	
.form_contact_in .form_contact_left{float: left; width: 100%;}
.form_contact_in .form_contact_right{display: none;}	
	
}
#contact_index_show{width: 100%;height: auto;overflow: hidden;padding: 20px 0 30px 0;position: relative;z-index: 10;background: #fff ;}
.contact_index_show_in{width: 90%;padding: 0 5%;max-width: 1226px; margin: 0 auto; position: relative;}

#wihte_title .list_nav_ts,#wihte_title .list_nav_ts font,#wihte_title  p{color:#fff;}
#wihte_title{margin-bottom: 30px;}
#wihte_title  p{margin:0;}
.list_nav_ts{margin: 15px 0 5px 0;}
.form_contact{width: 100%; overflow: hidden; background: url("../images/w_40.png");}
.form_contact_in{width:98%; margin: 13px 1%; background: #f9f9f9; height: auto; overflow: hidden;}

.form_contact_left_head{ width: 60%; margin: 30px 20% 0 20%; position: relative;}
.form_contact_left_head span:first-child{font-size: 24px; color: #646464; margin-right: 5px;}
.form_contact_left_head span:last-child{font-size: 36px; color: #646464;}
.form_contact_left_head::before{content: "“"; font-size: 100px; color: #ccc; position: absolute; left: -39px; top: 0px;}
.form_contact_left_head::after{content: "”"; font-size:100px; color: #ccc; position: absolute; right: -20px; top:0px;}
.tel_contacts{width: 80%; margin: 30px 0 0 20%; position: relative; overflow: hidden;}
.tel_contacts i{width: 82px; height: 88px; background: url(../images/tell.png);display: block; float: left; margin-right: 10px;}
.tel_contacts span{ color: #c81623; float: right; }
.tel_contacts span.tel_span{font-size:36px; color: #c81623; float: left; }
.tel_contacts span.p_span{font-size:26px; color: #c81623; float: left; }

.form_contact_left #commentform-park{width: 80%; margin:10px 10% 10px 10%; position: relative;}
.form_contact_left #commentform-park .lables{width:45%; float: left; margin: 5px 2.5%; }
.form_contact_left #commentform-park .lables input[type="text"]{ border: #f0f0f0 1px solid; background: #fff;width: 90%; padding: 10px 4%; color: #666;}
.form_contact_left #commentform-park .lables select{border: #f0f0f0 1px solid; background: #fff;width: 90%; padding: 10px 4%; color: #666;}
.form_contact_left #commentform-park .lables_c,.form_contact_left #commentform-park .lables_ra,.form_contact_left #commentform-park .submut_k{width:95%; float: left; margin: 5px 2.5%; }
.form_contact_left #commentform-park .lables_ra{font-size: 12px; color: #666; margin: 10px 2.5%; line-height: 26px;}

.form_contact_left #commentform-park .lables_ra label{font-size: 14px; color: #666; margin-right: 10px;}
.form_contact_left #commentform-park .lables_ra input[type="radio"]{ margin:0 5px 5px 10px; cursor: pointer;}

.form_contact_left #commentform-park .lables_c textarea{border: #f0f0f0 1px solid; background: #fff;width: 90%; padding: 10px 4%; color: #666;}
.form_contact_left #commentform-park #submits{float: left;padding: 5px 35px; font-size: 16px; color: #ff8400; background:#fff; border: solid 1px #ff8400; cursor: pointer;}
.form_contact_left #commentform-park #submits:hover{background: #ff8400;color: #fff; }
.form_contact_left #commentform-park .tishi{float: left; color: #666; font-size: 14px; margin-left: 15px; position: relative; top: -6px; display: none;}
.hid_author,.hid_email{display: none;}


/*nav*/

.index_nav .modle_box_title .mantitle{font-size: 16px;color: #000; font-weight: bold;padding: 10px 5%;width: 90%;margin: 0;font-weight: normal;border-bottom: dotted 1px #ccc;}
.index_nav .modle_box_title{ width:99%; padding:10px 0.5%;}
.index_nav{ position:relative; z-index:100; background: #FAFAFA;}

.index_nav_ul{ display:block; width:90%; padding: 5px 5%;}
.index_nav_ul li{ display:block; width:100%; height:auto; font-size:0; position:relative; background:#FAFAFA;margin-bottom: 10px;}
.aside_mian .index_nav_ul li:hover{ background:#F2F2F2;}
.index_nav_ul li a{ display:block; padding:3px 5%; width:90%; cursor: pointer; background:#E3E3E380; margin-bottom: 10px; font-weight: bold;}
.index_nav_ul li .sub-menu li a{background: none; margin-bottom: 0; font-weight: normal;}
.index_nav_ul li a figure{ float:left; width:30px; margin-right:10px;}
.index_nav_ul li a .nave_spaen{ line-height:30px;}
.index_nav_ul li a .nave_spaen div{ font-size:14px; color:#333;}
.index_nav_ul li.menu-item-has-children i,#per27 .index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children i{display: block; background:url(../images/tab_c_icon2.png) ; position:absolute; right: 0; top: 0; width: 36px; height: 36px;cursor: pointer;-webkit-transform: rotate(-137deg);}
#per27 .index_nav_ul li.menu-item-has-children i.opens,#per27 .index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children i.opens{-webkit-transform: rotate(0);}
.index_nav_ul li .sub-menu{display: none;}
.index_nav_ul li.current-menu-item .sub-menu{display:block;}
.index_nav_ul li .sub-menu li {border-bottom:solid 1px #E3E3E380;}
#per27 .index_nav_ul li .sub-menu{  position:relative; top:0; left:0; width:90%; padding-left: 10%; }
.left_right#per27  .index_nav_ul li .sub-menu{left:-82%; }
#per27 .index_nav_ul li .sub-menu li:last-child{border: none;}
 .index_nav_ul li.menu-item-has-children .sub-menu li i,#per27 .index_nav_ul li.menu-item-has-children .sub-menu li .sub-menu li i{ background:none;}

.main_content .index_nav_ul li .sub-menu li{background:#F2F2F2;}
/*nav*/
#woocommerce-order-details-shipping h2{color: #ff8400;font-size: 14px; font-weight: normal; border-bottom:2px solid #f5f5f5; position: relative; line-height: 36px;}
#woocommerce-order-details-shipping h2::after{ content: ""; width: 68px; height: 2px; background:#ff8400;  position: absolute; bottom: 0; left: 0;}


.nav_poket_ul .modle_title{ text-align:center;}
.nav_poket_ul_in ul li{display:block; float:left;  margin-right:1%; margin-bottom:10px;}
.nav_poket_ul{width:100%; height:auto; padding:20px 0;}
.nav_poket_ul_in{max-width:1226px;width:95%; padding:20px 2.5%; overflow:hidden; margin:0 auto;}
.nav_poket_ul_in ul{ display:block; float:left; overflow:hidden; width:101%; margin:15px 0;}
.nav_poket_ul_in ul li a{ display: block; position:relative; font-size:0; overflow:hidden;}
.no_text #icons_nav .nave_spaen,.no_text  #icons_nav .nave_spaen p{ display:none;}
.nav_poket_ul_in ul li:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1) }
.nav_poket_ul_in ul li a .nave_spaen{ position:absolute; padding:5px 0; width:100%; background:url("images/b_80.png"); left:0; bottom:0; display:none;}
.nav_poket_ul_in ul li a .nave_spaen div{ font-size:14px; color:#fff;}
.nav_poket_ul_in ul li a .nave_spaen p{ font-size:12px; color:#CCC; margin:0;}

#per27 #icons_nav  li{width:49%;}


#icons_nav  a{ text-align:center;}
#icons_nav  a img{ display:inline-block;}
#icons_nav li:hover img{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
#icons_nav .nave_spaen{ display:block; position:relative; background:#fff;}
#icons_nav  .nave_spaen{ background:none;padding:5px 0; background:none;}
#icons_nav .nave_spaen div{ font-size:14px; color:#333; text-align:center; }
#icons_nav .nave_spaen p{ font-size:12px; color:#333; margin:0; text-align:center;}

.wihte_text #icons_nav .nave_spaen div,.mantitle a,.wihte_text .modle_title .mantitle,.wihte_text .modle_title span{ color:#fff;}